<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>【会议贝贝】官网</title>

    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/indexnew.css">
    <script src="../js/jquery.min.js"></script>
    <script src="../js/indexnew.js"></script>
    <script type="text/javascript" src="../js/sliderx.js"></script>
    <script src="../js/index.js"></script>
    <link rel="stylesheet" href="../css/sliderx.css">
    <link rel="stylesheet" href="../css/popup.css">
    <link rel="stylesheet" href="../css/detail.css">
    <script type="text/javascript" src="../js/popup.js"></script>
</head>

<body >


<div class="banner-content page-home  backGround" >
    <div class="banner-slider" >
        <div class="demand-cont" id="J_selectGroup">
            <div id="J_selectForm" class="form"><i class="demand-icon"></i>
                <div class="demand-title">
                    <span class="big-txt">预约咨询会议</span>
                    <span class="small-txt">会议顾问1对1帮找场地、查档期、询低价</span>
                </div>
                <div class="select-wrap home-page select-city ">
                    <div class="select-cont"><i class="icon"></i>
                        <span class="value J_value" data-value="" data-code="">您要在哪里办活动？<span></span></span>
                        <i class="arrow"></i>
                    </div>
                    <div class="select-pull">
                        <div class="select-error"> 请选择活动举办城市</div>
                        <ul class="select-options J_options" data-senname="活动城市" id="cityTypeId">

                        </ul>
                    </div>
                </div>
                <div class="select-wrap home-page select-date ">
                    <div class="select-cont"><i class="icon"></i>
                        <span class="value J_value" data-value="" data-code="">会议日期？<span></span>
                            </span>
                        <i class="arrow"></i>
                    </div>
                    <div class="select-pull">
                        <div class="select-error"> 请选择会议开始时间</div>
                    </div>
                </div>
                <div class="select-wrap home-page select-num ">
                    <div class="select-cont user"><i class="icon"></i> <span class="value J_value" data-value=""
                                                                             data-code="">参加人数？<span></span></span>
                        <i class="arrow"></i></div>
                    <div class="select-pull">
                        <div class="select-error"> 请选择活动人数</div>
                        <ul class="select-options J_options" data-senname="参会人数" id="onMeetNumberId">

                        </ul>
                    </div>
                </div>

                <div class="select-wrap home-page select-type ">
                    <div class="select-cont meet-type">
                        <i class="icon"></i>
                        <span class="value J_value" data-value="" data-code="">会议类型<span></span></span>
                        <i class="arrow"></i>
                    </div>
                    <div class="select-pull">
                        <div class="select-error"> 请选择会议类型</div>
                        <ul class="select-options J_options" data-senname="会议类型" id="meetTypeId">

                        </ul>

                    </div>
                </div>

                <div class="select-wrap home-page select-request ">
                    <div class="select-cont meet"><i class="icon"></i> <span class="value J_value" data-value=""
                                                                             data-code="">会议具体需求？<span></span></span>
                        <i class="arrow"></i></div>
                    <div class="select-pull">
                        <div class="select-error"> 请选择需求项目</div>
                        <ul class="select-options J_options" data-senname="项目需求" id="meetDemandId">

                        </ul>
                    </div>
                </div>

                <div class="select-wrap home-page select-budget ">
                    <div class="select-cont"><i class="icon"></i> <span class="value J_value" data-value=""
                                                                        data-code="">会议预算？<span></span></span>
                        <i class="arrow"></i></div>
                    <div class="select-pull">
                        <div class="select-error"> 请选择会议预算</div>
                        <ul class="select-options J_options" data-senname="会议预算" id="meetBudgetId">

                        </ul>
                    </div>
                </div>

                <div class="select-wrap home-page select-long " style="display: none">
                    <div class="select-cont"><i class="icon"></i> <span class="value J_value" data-value=""
                                                                        data-code="">活动时长？<span></span></span>
                        <i class="arrow"></i>
                    </div>
                    <div class="select-pull">
                        <div class="select-error"> 请选择活动时长</div>
                        <ul class="select-options J_options" data-senname="活动时长" id="activityTimeId">

                        </ul>
                    </div>
                </div>

                <style>
                        .fs15 {
                            font-size: 15px;
                        }

                        .shoujihao {
                            width: 408px
                        }

                </style>
                <div>
                    <label>
                        <input type="text" class="input-wrap home-page fs15" placeholder="联系人手机号" id="phoneId"/>
                    </label>

                </div>

                <div>
                    <label>
                        <input type="text" class="input-wrap  fs15" placeholder="公司名称/联系人" id="contactNameId"/>
                    </label>
                </div>

                <div class="check-btn" id="J_lookingSiteBtn" onclick="submitOrder()"> 免费帮我找场地</div>

            </div>
        </div>
        <div class="demand-cont-right">

            <style>
                    .huiyibeibei_logo {
                        transition: all .7s ease 0s;
                        width: 255px;
                        height: 190px;
                        float: right;

                    }

            </style>
           <!-- <div>-->
                <img src="../image/huiyibeibei_logo.png" class="huiyibeibei_logo">
                <p class="demand-cont-rtitle">会议贝贝以下优势</p>
            <!--</div>-->
            <div class="demand-cont-messinfo">
                <div>
                    <li><span class="demand-cont-messimg"></span><span class="demand-cont-infomsg">资源优势</span></li>
                    <li class="demand-cont-textinfo">海量酒店会议场地资源 多家深度合作酒店</li>
                </div>
                <div>
                    <li><span class="demand-cont-messimg"></span><span class="demand-cont-infomsg">价格优势</span></li>
                    <li class="demand-cont-textinfo">与多家酒店拥有长期战略合作协议价 将直接给到客户优惠价格</li>
                </div>
                <div>
                    <li><span class="demand-cont-messimg"></span><span class="demand-cont-infomsg">服务优势</span></li>
                    <li class="demand-cont-textinfo">提供高品质一站式服务 1对1专业的会务服务人员 为您免去与酒店对接的各项烦恼</li>
                </div>
                <div>
                    <li><span class="demand-cont-messimg"></span><span class="demand-cont-infomsg">搭建优势</span></li>
                    <li class="demand-cont-textinfo">自有成熟与庞大的设备搭建团队 可提供LED大屏、音响、灯光、舞美设计制作 可以满足会务中各类搭建布置需求 价格透明</li>
                </div>
                <div>
                    <li><span class="demand-cont-messimg"></span><span class="demand-cont-infomsg">团队优势</span></li>
                    <li class="demand-cont-textinfo">会议贝贝拥有线上线下一体化的专业会务执行团队 将为您提供会务会议策划活动各项执行服务</li>
                </div>
            </div>


        </div>
    </div>

</div>

<style>
        .demand-cont-right {
            position: absolute;
            left: 596px;
            top: 111px;
        }

</style>


<div class="whither-wrap">

    <div class="whither-title">近期通过贝贝举办的会议</div>
    <div class="whither-cont">
        <div class="main-common-wrap recent-warp">
            <ul class="whither-cont-list J_whitherCont" id="holdHotelId">
            </ul>
        </div>
    </div>

</div>


<div class="whither-wrap">

    <div class="whither-title">战略合作酒店</div>
    <ul class="whither-tabs">
        <li class="whither-tab" data-code="上海" onclick="getCityImage(this)">上海</li>
        <li class="whither-tab" data-code="苏州" onclick="getCityImage(this)">苏州</li>
        <li class="whither-tab" data-code="昆山" onclick="getCityImage(this)">昆山</li>
        <li class="whither-tab" data-code="杭州" onclick="getCityImage(this)">杭州</li>
        <li class="whither-tab" data-code="宁波" onclick="getCityImage(this)">宁波</li>
        <li class="whither-tab" data-code="温州" onclick="getCityImage(this)">温州</li>
        <li class="whither-tab" data-code="深圳" onclick="getCityImage(this)">深圳</li>
    </ul>

    <div class="control-box">
        <ul>
            <li class="prev">
                <img src="../image/left_02.png" alt="prev">
            </li>
            <li class="next">
                <img src="../image/right_02.png" alt="next">
            </li>
        </ul>
        <div class="bigbox">
            <div id="switcher">
                <div class="content_1" id="cooperateHotelId">
                </div>
                <div class="content_2"></div>
            </div>
        </div>
    </div>


</div>
<div id="J_steps" class="steps less">
    <div class="steps-container">
        <p class="services-process">服务流程</p>
        <!-- <p class="onebyone-servers">提出要求</p>-->
        <div class="step-01"><a> <i class="icon"></i> <span class="weight-text">提出要求</span> <span
                class="text">把您的会议需求告诉我们</span>
        </a></div>
        <div class="step-02"><a> <i class="icon"></i> <span class="weight-text">快速响应</span> <span
                class="text">10分钟内回复 会议顾问将为您1对1服务</span>
            <a> </a></a></div>
        <div class="step-03"><a> <i class="icon"></i> <span class="weight-text">获得方案</span> <span
                class="text">我们为您提供诺干会议场地方案</span> <a> </a></a></div>
        <div class="step-04"><a> <i class="icon"></i> <span class="weight-text">考察场地</span> <span
                class="text">顾问免费带您1对1实地查看场地</span>
            <a> </a></a></div>
        <div class="step-05"><a> <i class="icon"></i> <span class="weight-text">成功举办</span> <span
                class="text">确定场地及签订合同 顾问全程跟进服务</span>
            <a> </a></a></div>
    </div>
</div>



<div class="footer-wrap" >
    <div class="footer-cont">
        <div class="abort-cont">
            <div class="abort-desc">
                <div class="abort-top"><a class="for-reference" target="_blank" href="http://www.huiyibeibei.com">
                    <i></i>沪ICP备2020027513号-1 </a> <span><i>上海贝依会务服务有限公司</i></span></div>
            </div>
    </div>
    </div>
</div>

<script>

        window.onload = function () {
            document.getElementById('phoneId').onmouseover = function(){
                document.getElementById('phoneId').className ='input-wrap home-page fs15';
            }
            document.getElementById('contactNameId').onmouseover = function(){
                document.getElementById('contactNameId').className ='input-wrap home-page fs15';
            }



            renderCity();
            renderMetting();
            renderActivityTime();
            renderOnMeetNumber();
            renderMeetBudget();
            renderMeetDemand();
            cooperateHotel();
            holdMeeting();
        }


</script>

<script> (function (para) {
                var p = para.sdk_url, n = para.name, w = window, d = document, s = 'script', x = null, y = null;
                w['sensorsDataAnalytic201505'] = n;
                w[n] = w[n] || function (a) {
                    return function () {
                        (w[n]._q = w[n]._q || []).push([a, arguments]);
                    }
                };
                var ifs = ['track', 'quick', 'register', 'registerPage', 'registerOnce', 'clearAllRegister', 'trackSignup', 'trackAbtest', 'setProfile', 'setOnceProfile', 'appendProfile', 'incrementProfile', 'deleteProfile', 'unsetProfile', 'identify', 'login', 'logout', 'trackLink', 'clearAllRegister', 'getAppStatus'];
                for (var i = 0; i < ifs.length; i++) {
                    w[n][ifs[i]] = w[n].call(null, ifs[i]);
                }
                if (!w[n]._t) {
                    x = d.createElement(s), y = d.getElementsByTagName(s)[0];
                    x.async = 1;
                    x.src = p;
                    y.parentNode.insertBefore(x, y);
                    w[n].para = para;
                }
            })({
                sdk_url: "../js/sensorsdata.js",
                name: 'sa',
                heatmap: {}
            });

</script>

<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?095fc97d47563859398911584f11570c";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();

</script>
</body>

</html>